<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){

	$(".queryUser").click(function(){
	/* $("#userid").val(); */
	var obj=$(this);
	var id=obj.attr("userid");
	var myid=$("#myId");
	var myName=$("#myName");
	var myAddress=$("#myAddress");
	var path=$("#path").val();
	
	
	$.ajax({
		type:"GET",//请求类型
		url:path+"/getUserByUserId",//请求的url
		data:{userId:id/* ,format:"json" */},//请求类型
		dataType:"json",//请求类型
		success:function(data){//请求类型
		
		myid.html(data.id);//请求类型
		//myName.html(data.userName);
		myName.html(data.creationDate);//请求类型
		myAddress.html(data.address);//请求类型
		},
		error:function(data){//请求类型
		}
	});
	
	
	});
	
});

 function del(){
        	var msg="你真的要删除么";
        	if(confirm(msg)==true){
        		return true;
        	}else{
        		return false;
        	}
        	
        }


</script>

<%@include file="/WEB-INF/jsp/common/head.jsp"%>
 
        <div class="right">
            <div class="location">
                <strong>你现在所在的位置是:</strong>
                <span>用户管理页面</span>
            </div>
            <div class="search">
           		<form method="post" action="${pageContext.request.contextPath}/sys/users/userlist">
					<input name="method" value="query" class="input-text" type="hidden">
					 <span>用户名：</span>
					 <input name="queryname" class="input-text"	type="text" value="${queryUserName}">
					 
					 <span>用户角色：</span>
					 <select name="queryUserRole">
						   <c:if test="${roleList != null }">
						   <option value="">--请选择--</option>
						   <c:forEach var="role" items="${roleList}">
						   <option 
						   <c:if test="${role.id == queryUserRole }">selected="selected"</c:if>
						    value="${role.id}">${role.roleName}</option>						   
						   </c:forEach>
						   </c:if>
						  
	        		</select>
					 
					 <input type="hidden" name="pageIndex" value="1"/>
					 <input	value="查 询" type="submit" id="searchbutton">
					 <a href="${pageContext.request.contextPath}/sys/users/useraddj" >添加用户</a>
				</form>
            </div>
            
            
            
            <table class="providerTable" cellpadding="0" cellspacing="0">
                <tr class="firstTr">
                	<th width="10%">编号</th>
                    <th width="10%">用户编码</th>
                    <th width="20%">用户名称</th>
                    <th width="10%">性别</th>
                    <th width="10%">年龄</th>
                    <th width="10%">电话</th>
                    <th width="10%">用户角色</th>
                    <th width="30%">操作</th>
                </tr>
                   
                   <c:forEach items="${userList}" var="user" varStatus="xh">
                   <input type="hidden"  id="userid" name="userid" value="${user.id}">
					<tr>
						<td>
						<span>${xh.count}</span>
						</td>
						<td>
						<span>${user.userCode}</span>
						</td>
						<td>
						<span>${user.userName }</span>
						</td>
						<td> 
							<span> 
								<c:if test="${user.gender==1}">男</c:if>
								<c:if test="${user.gender==2}">女</c:if>
							</span>
						</td> 
						<td>
						<span>${user.age}</span>
						</td>
						<td>
						<span>${user.phone}</span>
						</td>
						<td>
							<span>${user.roleName}</span>
						</td>
						
						<td>
						
						<%-- <img userid="${user.id}" class="queryUser"  src="${pageContext.request.contextPath}/static/images/read.png"alt="查看" title="查看"/>
						
						<a href="${pageContext.request.contextPath}/users/usermodify/${user.id}" 
								class="btn btn-primary btn-xs">修改</a>
						
						<a href="${pageContext.request.contextPath}/users/delete/${user.id}"
								  class="btn btn-primary btn-xs" onclick="javascript:return del();">删除</a> --%>
					<span><a class="viewUser" href="javascript:;" userid="${user.id}" username="${user.userName}"><img src="${pageContext.request.contextPath }/static/images/read.png" alt="查看" title="查看"/></a></span>
					<span><a class="modifyUser" href="javascript:;" userid="${user.id}" username="${user.userName}"><img src="${pageContext.request.contextPath }/static/images/xiugai.png" alt="修改" title="修改"/></a></span>
					<span><a class="deleteUser" href="javascript:;" userid="${user.id}" username="${user.userName}"><img src="${pageContext.request.contextPath }/static/images/schu.png" alt="删除" title="删除"/></a></span>
						</td>
					</tr>
				</c:forEach>
					
				
			</table>
			<input type="hidden" id="totalPageCount" value="${totalPageCount}"/>
		  	<c:import url="rollpage.jsp">
	          	<c:param name="totalCount" value="${totalCount}"/>
	          	<c:param name="currentPageNo" value="${currentPageNo}"/>
	          	<c:param name="totalPageCount" value="${totalPageCount}"/>
          	</c:import>
			
			
			
			<input type="hidden" id="path" name="path" value="${pageContext.request.contextPath}"/>   
			
				       	
  </div>        	
    </section>
<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeUse">
   <div class="removerChid">
       <h2>提示</h2>
       <div class="removeMain" >
           <p>你确定要删除该用户吗？111</p>
           <a href="#" id="yes">确定</a>
           <a href="#" id="no">取消</a>
       </div>
   </div>
   
</div>


<%@include file="/WEB-INF/jsp/common/foot.jsp" %>
<script type="text/javascript" src="${pageContext.request.contextPath }/static/js/userlist.js"></script>
